@charset "utf-8";

/* 公共样式 */
*{margin:0;padding:0;}
html{font-size:14px;font-family:Microsoft YaHei,'\5B8B\4F53','\9ED1\4F53'; line-height:30px;}
html{width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;-moz-outline:none; color:#333;}
body{background-color:#fff;-webkit-font-smoothing:antialiased;background-attachment:fixed;-moz-background-size:cover;background-size:cover;background-repeat:no-repeat;}
em,i{font-style:normal;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

input{outline:none;}
ol, ul, li{list-style:none; float: left;}
table,th,td{border-collapse:collapse;}
table{border-spacing:0;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.poa {position: absolute;}
.disable-hover{pointer-events:none;}
img {
   /*** display: block;***/
    border: none;
    /***max-width: 100%;*
    width: auto\9;**/
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width: auto;
}

.w1400{width:1400px;margin:0 auto;}
.about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after, .bases-wrap .title-tips:after {
  content: "";
  height: 0;
  width: 0;
  overflow: hidden;
}
.dn{
    display: none;
}
.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.clearfix:after{content:" ";display:block;clear:both;height:0;}
.clearfix{zoom:1;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*盒子*/
.swiper-slide{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

/*动画效果-向上移动出现*/
.moveInUp{-moz-transition:.8s;transition:.8s;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition:.8s;-webkit-transition-timing-function:linear;-moz-transform: translateY(75px);-ms-transform: translateY(75px);transform: translateY(75px);-webkit-transform: translateY(75px);opacity:0;}
.moveInUpShow{-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transform: translateY(0);opacity:1;}

/*动画效果-图片放大效果*/
.img img{ width:100%; transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.img:hover img{ transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}






header {width:100%;
  position:fixed;
  z-index: 95;
  height: 90px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.11);
}
.logo{ width:25%; margin-top:13px;}
.logo img{ width:100%;}
header .language {
  border-left: 1px solid #e0e0e0;
  font-size: 16px;
  line-height: 2;
  color: #333;padding:24px 18px 24px 45px;
  text-align: center;background: url(../images/bg_sign02.png) no-repeat 20px center;
}
header .language a{color: #333;}
.language{cursor: pointer;position: relative;}
.language:hover{color: #666;}
.wechat-img{
	width:100px;
	height: 100px;
	position: absolute;
	right: 0;
	top: 35px;
	display: none;
	z-index: 10;
}
.language:hover .wechat-img{ display:block;top: 80px;}

header nav { width:60%;
  position: relative;
  z-index: 2;
  float: right; margin-right:20px;
}
header nav ul{width:100%;}
header nav li {
  position: relative;
  width: 14%;
  height: 90px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  transition: border 0.8s;
}
header nav li:last-child {
  border-right: 0;
}
header nav li a.link{ display:none;}
header nav li a.tit {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 90px; font-weight:bold;
  color: #012152;
  text-align: center;
  transition: color 0.8s;
}
header nav li.cur a.tit{
  background: #0067ac; color:#fff;
}
header nav li .tit:hover {
  background: #0067ac; color:#fff;
}
header .subnav {
  padding: 10px 0 10px 0;width:980px;
}
header .subnav a {
  display: inline-block;
  float: left;
  margin: 10px 5px;
  font-size: 14px; height:14px;line-height:14px;
  color: #333; border-right:1px solid #f1f1f1; padding-right:10px;
}
header .subnav a:hover {
  color: #ff0000;
}
header .nav-bg {
  position: absolute;
  left: 0;
  top: 80px;
  z-index: 1;
  width: 100%;
  height: 56px;
  background: rgba(255, 255, 255, 0.7);
}


/*footer*/
footer{float:left;width: 100%;background: #222; color: #bcbcbc; position: relative; padding: 4% 0 3%; font-size: 13px;}
footer a{ color: #bcbcbc;}
footer a:hover{ color: #fff; text-decoration: underline;}
.erweima{ padding: 30px 30px 15px; border: 1px solid #7a7a7a; float: right; text-align: center; font-size: 12px; font-weight: bold; color: #fff;}
.erweima img{ margin-bottom: 15px; display: block;}
.footer_l{ width:80%;overflow: hidden;}
.footer_logo{ display: block; float: left; margin-right: 20px;}
.footer_nav{ float:left;width: 100%;overflow: hidden; line-height: 30px; margin-top: 20px;}
.footer_nav a{ display: block; float: left; width:14%; text-align:center;}
.footer_bot{ width: 100%; float: left; margin-top: 20px; padding-top: 20px; border-top:1px solid #bcbcbc;}
.copyright{ float:left;line-height: 27px;}
.footer_tel{ float: right; background: url("../images/footer_02.png") left center no-repeat; line-height: 27px; padding-left: 37px; margin-left: 30px;}
.shared{ float:right; margin-left: 30px;}
.shared_list{ display: inline-block; vertical-align: middle;}
.shared_list li{ float: left; margin: 0 10px;}
.shared_list li img{ filter:alpha(opacity=60); opacity: 0.60;}
.shared_list li:hover img{ filter:alpha(opacity=100); opacity: 1;}

#jiathis_weixin_share img{ display: inline-block;}


@media screen and (max-width:1600px){
	
	.logo { width: 22%;margin-top: 20px;}
}

@media screen and (max-width:1400px){
	
}


@media screen and (max-width:1366px){
	.w1400 {width: 1200px;}
}



@media screen and (max-width:1280px){
	.w1400 {width: 94%;}
	header nav { width:70%;
    margin-right: 0px;}
	header .language {display: none;}
}



@media (max-width: 1199px){
    .erweima{ padding: 10px; margin-left: 5%;}
}

@media (max-width: 991px){
	.w1400{ width:90%;}
	header {height: 60px;}
	.logo { width:32%;margin-top: 5px;}
	
	
	header nav li a.link{  position: relative; float:right;
    display: inline-block;
    text-align: center;
    width: 85px;
    font-size: 16px;
    background: #025e9c;
    height: 46px;
    line-height: 46px;
    color: #fff;
    transition: background 0.5s;}
	header .nav-btn {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 85px;
		height: 100%;
		background: #be0108;
	  }
  header .nav-btn .line {
    left: 30px;
    width: 24px;
    height: 3px;
    background: #fff;
    transition: all 0.5s;
  }
  header .nav-btn .line.cur {
    left: 35px;
  }
  header .nav-btn .line:nth-child(1) {
    top: 20px;
    transform-origin: left top;
  }
  header .nav-btn .line:nth-child(1).cur {
    transform: rotate(45deg);
  }
  header .nav-btn .line:nth-child(2) {
    top: 28px;
  }
  header .nav-btn .line:nth-child(2).cur {
    opacity: 0;
  }
  header .nav-btn .line:nth-child(3) {
    top: 36px;
    transform-origin: left bottom;
  }
  header .nav-btn .line:nth-child(3).cur {
    transform: rotate(-45deg);
  }
  header nav {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 2;
    width: 100%;
  }
  header nav li {float:left;
    width: 100%;
    height: auto;
    border: 0;
  }
  header nav li:after {
    display: none;
  }
  header nav li.hover a.tit, header nav li.cur a.tit {
    color: #fff;
  }
  header nav li a.tit { float:left;
    position: relative;
	width:-webkit-calc(92% - 85px); 
	width:-moz-calc(92% - 85px); 
	width:calc(92% - 85px); 
    padding: 0 4%;
    background: #0067ac;
    font-size: 15px;
    line-height: 46px;
    color: #fff;
    text-align: left;
    transition: background 0.5s;
  }
  header nav li a.tit:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 4%;
    bottom: 0;
    width: 92%;
    height: 1px;
    background: #014d9b;
  }
  header nav li a.tit:hover {
    background: #012152;
    color: #fff;
  }
  header nav li:last-child a.tit:after {
    display: none;
  }
  header .subnav {
    width: 92% !important;
    padding: 2% 4% !important;
    margin: 0!important;
    background: #f5f5f5;
  }
  header .subnav a { float:left;
    width: 100%;
    color: #7c7c7c;
  }
  header .subnav a:hover {
    color: #0062cb;
  }
			
	.ftbg1 a[href*='sitemap']{display:none;}
	.nav-c ul li a{ font-size: 20px;}
	.nav-c ul li .sanji a{font-size: 14px;}
	.ftbg1 .fr p{display:none;}	

    /*footer*/
    footer{ padding: 0;}
	.footer_l{ width:100%;}
    .footer_logo, .erweima{ display: none;}
    .footer_bot{ padding: 20px 0;}

	.ftbg1 .content{
		overflow:visible;
	}
	.ftbg1 .fr p{
	    display: inline-block;
	    color: #d7d7d7;
	    font-size: 14px;
	    cursor:pointer;
	    position:relative;
	    z-index: 9999;
	}
	.ftbg1 .fr p:hover span{
		display:block;
	}
	.ftbg1 .fr p:after{
	    content: '|';
	    display: inline-block;
	    margin: 0 10px;
	}
	.ftbg1 .fr p span{
		 display:none; 
		position: absolute;
		bottom: 50px;
		left: -14px;
		width: 220px;
		z-index: 99999;
		background-color:#fff;
	}
	.ftbg1 .fr p span a{
		display:block;
		height:auto;
		line-height:2;
		color:#333;
		border-bottom:1px solid #ccc;
		text-align:center;
	}
    .ftbg1 .fr p span a:hover{background-color:#15419d;color:#fff;}
	.ftbg1 .fr p span a:after{
		display:none;
	}


	
}


@media screen and (max-width:768px){
	.w1400{ width:96%;}
	.logo { width:40%;}

	/*footer*/
	.ftbg .content,.ftbg1 .content{width: 92%; padding:0 4%; }
	.f1{text-align: center; margin: 0; width: 16.66%;}
	.f1 p{display: none; }
	.f1 p:first-child{display: block; text-align: center;}
	.f1 .fn{border: none; padding:10px 0%; font-size: 14px;}
	.wright{display:none;}
	.ftbg1{padding-top: 15px;}
	.ftbg1 .content p{line-height: 26px;}
	.ftbg1 .content .fr{margin-top: -10px;}
}
@media screen and (max-width:640px){
	.logo { width:50%;}
	
}


@media screen and (max-width:414px){
	.logo { width:70%;}
	.footer_nav, .footer_tel { display:none;}
	.footer_bot {border-top: none;}
}

@media screen and (max-width:384px){
	.logo { width:75%;}	
}

@media screen and (max-width:360px){
	.logo { width:68%;margin-top: 10px;}	
}
@media screen and (max-width:320px){

	header .nav-btn {width: 75px;}
	header .nav-btn .line {left: 25px;}
}